<style>
	.rdjj {
		margin-left:0px;
		width:590px;
	}
	
	.cyxm .dsfc .yxtd {
		margin-left:0px;
		width:100%;
	}
	
	td.titleTd {
		background-color: rgba(30,209,154,1);
    	color: white;
	}
	
	.ds_list table td {
    text-align: left;
    line-height: 50px;
    font-size: 12px;
    color: #1e1e1e;
    border-bottom: 1px dotted #c7c7c7;
    padding-left: 20px;
}

a.sjSpan {
    margin-right: 20px;
/*     padding: 10px 10px; */
    display: inline-block;
    float: left;
    line-height: 30px;
    padding-left:10px;
    padding-right:10px;
    margin-top:10px;
    margin-bottom:10px;
}
a.sjSpan:hover {
    color:white;
    background-color: #1c6dc9;
    font-weight: bold;
}
a.allA {
	margin-right: 20px;
    display: inline-block;
    float: left;
    line-height: 30px;
    padding-left:10px;
    padding-right:10px;
    margin-top:10px;
    margin-bottom:10px;
}

a.selectA {
	color:white;
    background-color: #1c6dc9;
    font-weight: bold;
}
.searchDiv {
	float:left;
}

input.search_btn {
	height: 35px;background-color: #1c6dc9;width: 78px;color: white;cursor: pointer;
}

input.search_btn_off {
	height: 35px;background-color: #4e4141;width: 78px;color: white;cursor: pointer;
}

.show-list {
	width:100%;
	height: 375px;
}

.col340 {
	width:340px;
	
}

.row350 {
	height: 375px;
}

.ml40 {
	margin-left: 40px;
}
.mt18 {
	margin-top: 18px;
}

.mt48 {
	margin-top: 48px;
}

.cxcyyq-item-img {
	width: 340px;
    height: 218px;
}
.cxcyyq-item-title {
	padding-top: 12px;
}
.cxcyyq-item-title a {
    font-size: 20px;
    color: #4168DF; 
}
.cxcyyq-item-p1 {
	margin-top: 18px;
    font-size: 15px;
    color: #444;
}
.cxcyyq-item-p2 {
	margin-top: 9px;
    font-size: 15px;
    color: #444;
}
.cxcyyq-item-p3 {
	margin-top: 8px;
    font-size: 14px;
    color: #aaa;
    line-height: 20px;
    height: 60px;
}
.cxcyyq-item-bg {
	background-color: #fafafa;
	padding-left: 10px;
	height: 145px;
}
</style>

<div class="container1100 clearfix">
  <section class="ds_list" style="margin-top: 28px;border-top: 0px solid #ff9600;">
      <table cellpadding="0" cellspacing="0" width="100%" style="border:1px solid #eeeeee;">
        <tbody>
          <tr>
            <td>所属城市：</td>
            <td>
            	<div class="searchDiv" id="searchLocationCodes">
	            	<a class="allA" id="all" value="" onclick="locationSearch($(this))">全部</a>	
	            	<a class="sjSpan" id="fzs" value="fzs" onclick="locationSearch($(this))">福州市</a>
	            	<a class="sjSpan" id="xms" value="xms" onclick="locationSearch($(this))">厦门市</a>
	            	<a class="sjSpan" id="pts" value="pts" onclick="locationSearch($(this))">莆田市</a>
	            	<a class="sjSpan" id="lys" value="lys" onclick="locationSearch($(this))">龙岩市</a>
	            	<a class="sjSpan" id="qzs" value="qzs" onclick="locationSearch($(this))">泉州市</a>
	            	<a class="sjSpan" id="zzs" value="zzs" onclick="locationSearch($(this))">漳州市</a>
	            	<a class="sjSpan" id="sms" value="sms" onclick="locationSearch($(this))">三明市</a>
	            	<a class="sjSpan" id="nds" value="nds" onclick="locationSearch($(this))">宁德市</a>
	            	<a class="sjSpan" id="nps" value="nps" onclick="locationSearch($(this))">南平市</a>
	            	
            	</div>
            </td>
          </tr>
          
          <tr>
          	<td colspan="2" style="padding-left: 2px;">
          		 <p>
          		 <input type="text" onchange="changeSearchTag()" id="searchTag" name="searchTag" value="${yqName!}" placeholder="请输入搜索内容" style="border: 1px solid #f4f4f4;height: 35px;width: 340px;">
          		 <input type="button" id="search_btn" class="search_btn" value="搜索" onclick="searchTagBtn()">
          		 </p>
          	</td>
          </tr>
        </tbody>
      </table>
    </section>
    <#if top3List??&&(top3List?size>0)>	
   	<div class="show-list mt18">
   			<#list top3List as item>
   				<div class="col340 fl row350 <#if item_index!=0>ml40</#if>">
		   			<div class="cxcyyq-item">
		   				<div class="cxcyyq-item-img">
		   					<a target="_blank"  href="cms.action?serviceArea&id=${(item.id)!}">
		   						<img width="340" height="218" src="${(item.imgUrl)!}" />
		   					</a>
		   				</div>
		   				<div class="cxcyyq-item-bg">
		   					<div class="cxcyyq-item-title">
			   					<a target="_blank" href="cms.action?serviceArea&id=${(item.id)!}">${(item.name)!}</a>
			   				</div>
			   				<p class="cxcyyq-item-p1">
			   					${(item.locationName)!}
			   				</p>
			   				<p class="cxcyyq-item-p2">
			   					${(item.tel)!}
			   				</p>
			   				<p class="cxcyyq-item-p3">
								${(item.serviceDesc)!}
			   				</p>
		   				</div>
		   			</div>
		   		</div>
   			</#list>
   	</div>  
   	</#if>
   	
    <#if bottom3List??&&(bottom3List?size>0)>
   	<div class="show-list mt48">
   			<#list bottom3List as item>
   				<div class="col340 fl row350 <#if item_index!=0>ml40</#if>">
		   			<div class="cxcyyq-item">
		   				<div class="cxcyyq-item-img">
		   					<a target="_blank" href="cms.action?serviceArea&id=${(item.id)!}">
		   						<img width="340" height="218" src="${(item.imgUrl)!}" />
		   					</a>
		   				</div>
		   				<div class="cxcyyq-item-bg">
		   					<div class="cxcyyq-item-title">
			   					<a target="_blank" href="cms.action?serviceArea&id=${(item.id)!}">${(item.name)!}</a>
			   				</div>
			   				<p class="cxcyyq-item-p1">
			   					${(item.locationName)!}
			   				</p>
			   				<p class="cxcyyq-item-p2">
			   					${(item.tel)!}
			   				</p>
			   				<p class="cxcyyq-item-p3">
								${(item.serviceDesc)!}
			   				</p>
		   				</div>
		   			</div>
		   		</div>
   			</#list>
   	</div>
   	</#if>
   	<#include "pager.html">
</div>

<script type="text/javascript">


	var locationCode = "${locationCode!}";
	var yqName = "${yqName!}";
	
	if(locationCode=='') {
		$('#all').addClass('selectA');
	}else {
		$('#'+locationCode).addClass('selectA');
	}
	
	function searchTagBtn() {
		var searchTag  = $('#searchTag').val();
		console.log(searchTag);
// 		if(searchTag=='') {
// 			alert('请输入查询内容');
// 			return;
// 		}
		yqName = searchTag;
		
		selectSearch();
	}
	
	function locationSearch(obj) {
		var searchId = $(obj).attr("id");
		$("#searchLocationCodes a").each(function(){
	      $(this).removeClass("selectA"); 
	      if($(this).attr("id")==searchId) {
	    	  $(this).addClass("selectA"); 
	    	  locationCode = $(this).attr("value");
	      }
	    });
		
		selectSearch();
	}
	
	
	function selectSearch() {
		window.location = 'cms.action?skip&navCode=yqjd&locationCode='+locationCode+'&yqName='+yqName;
	}
 
</script>